<template>
  <div class="policy-detail-container">
    <div class="header">
      <el-breadcrumb separator="/">
        <el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item>
        <el-breadcrumb-item :to="{ name: 'PolicyList' }">政策法规</el-breadcrumb-item>
        <el-breadcrumb-item>详情</el-breadcrumb-item>
      </el-breadcrumb>
    </div>

    <div class="detail-content">
      <h2>{{ policyDetail.title }}</h2>
      <div class="meta">
        <span class="date">发布时间：{{ policyDetail.date }}</span>
      </div>
      <div class="content" v-html="policyDetail.content"></div>
      <div class="attachments" v-if="policyDetail.attachments && policyDetail.attachments.length">
        <h3>附件</h3>
        <ul>
          <li v-for="(file, index) in policyDetail.attachments" :key="index">
            <el-link type="primary" :href="file.url" target="_blank">
              {{ file.name }}
            </el-link>
          </li>
        </ul>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: 'PolicyDetail',
  data() {
    return {
      policyDetail: {
        id: this.$route.params.id,
        title: '关于严格执行招标投标法规制度进一步规范招标投标主体行为的若干意见',
        date: '2023-04-13',
        content: `
          <h3>第一章 总则</h3>
          <p><strong>第一条</strong> 为了规范招标投标活动，根据《中华人民共和国招标投标法》(以下简称招标投标法)，制定本条例。</p>
          <p><strong>第二条</strong> 招标投标法第三条所称工程建设项目，是指工程以及与工程建设有关的货物、服务。</p>
          <p>前款所称工程，是指建设工程，包括建筑物和构筑物的新建、改建、扩建及其相关的装修、拆除、修缮等；所称与工程建设有关的货物，是指构成工程不可分割的组成部分，且为实现工程基本功能所必需的设备、材料等；所称与工程建设有关的服务，是指为完成工程所需的勘察、设计、监理等服务。</p>
          <p><strong>第三条</strong> 依法必须进行招标的工程建设项目的具体范围和规模标准，由国务院发展改革部门会同国务院有关部门制订，报国务院批准后公布施行。</p>
          <p><strong>第四条</strong> 国务院发展改革部门指导和协调全国招标投标工作，对国家重大建设项目和工程招标投标活动实施监督检查。国务院工业和信息化、住房城乡建设、交通运输、铁路、水利、商务等部门，按照规定的职责分工对有关招标投标活动实施监督。</p>
          <p>县级以上地方人民政府发展改革部门指导和协调本行政区域的招标投标工作。县级以上地方人民政府有关部门按照规定的职责分工，对招标投标活动实施监督，依法查处招标投标活动的违法行为。县级以上地方人民政府对其所属部门有关招标投标活动的监督职责分工另有规定的，从其规定。</p>
          <p>财政部门依法对实行招标投标的政府采购工程建设项目内的政府采购政策执行情况实施监督。</p>
          <p>监察机关依法对与招标投标活动有关的监察对象实施监察。</p>
          <p><strong>第五条</strong> 设区的市级以上地方人民政府可以根据实际需要，建立统一规范的招标投标交易场所，为招标投标活动提供服务。招标投标交易场所不得与行政管理部门存在隶属关系，不得以营利为目的。</p>
        `,
        attachments: [
          { name: '关于严格执行招标投标法规制度进一步规范招标投标主体行为的若干意见.pdf', url: '/files/policy.pdf' }
        ]
      }
    }
  },
  created() {
    // 这里可以根据路由参数id从API获取详情数据
    // this.fetchPolicyDetail(this.$route.params.id)
  },
  methods: {
    fetchPolicyDetail(id) {
      // 实际项目中这里调用API获取数据
      console.log('Fetching policy detail for id:', id)
    }
  }
}
</script>

<style scoped>
.policy-detail-container {
  padding: 20px;
  max-width: 1200px;
  margin: 0 auto;
}

.header {
  margin-bottom: 20px;
}

.detail-content {
  background-color: #fff;
  padding: 30px;
  border-radius: 8px;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
}

.detail-content h2 {
  font-size: 22px;
  color: #333;
  margin-bottom: 15px;
}

.meta {
  margin-bottom: 20px;
  padding-bottom: 15px;
  border-bottom: 1px solid #eee;
  color: #666;
}

.content {
  line-height: 1.8;
  margin-bottom: 30px;
}

.content :deep(h3) {
  margin: 20px 0 10px;
  font-size: 18px;
  color: #333;
}

.content :deep(p) {
  margin-bottom: 10px;
}

.content :deep(strong) {
  color: #333;
}

.attachments h3 {
  margin-bottom: 10px;
  font-size: 16px;
}

.attachments ul {
  list-style: none;
  padding: 0;
}

.attachments li {
  margin-bottom: 8px;
}
</style>